<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title> user </title>
    <link rel="stylesheet" href="./user-style.css">
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'> <!--此处为了使用图库进行引用 -->
    <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3875222_dtxwup4cpnb.css">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>

<body>
    <div class="HomeContent">
        <i class='bx bx-menu' style="position: relative;left:-80px;"></i>
        <span class="text" style="position: relative;left: -150px;" onclick="window.open('用户界面.html','_self')">首页&nbsp;&nbsp;&nbsp;</span><span class="text" 
                 onclick="window.open('user-message.html','_self')" style="position: relative;left: -250px;">消息</span>


        <div class="Searchbox">
            <input type="search" name="" placeholder="哈哈" id="search-box">
            <label for="search-box" class="fas fa-search"></label>
            <img src="" alt="">
        </div>
        <div class="NamePhoto">
            <div class="Center">
                
                    <span class="text" onclick="window.open('user-index.html','_self')">用户中心</span>
            </div>
            <span>&nbsp&nbsp&nbsp&nbsp</span>
            <i class='bx bxs-ghost'></i>

        </div>
        <!-- <i id="quit" class='iconfont icon-tuichu'></i> -->
    </div>
    </div>
    <div class="CenterBackground">
        <div class="Sidebar">
            <div class="LogoDetails">
                <i class='bx bx-book-open'></i>
                <span class="LogoName">云顶图书馆</span>
            </div>
            <ul class="NavLinks">

                <li><a href="#">
                        <button class="NavLinks2">
                            <i class='iconfont icon-wode'></i>
                            <span class="LinkName">我的</span>
                        </button></a>
                </li>
                <li>
                    <!-- <div class="IocnLink">
                        <a href="#"><button class="NavLinks1">

                                <i class="iconfont icon-noread"></i>
                                <span class="LinkName">已审核</span>
                            </button></a>
                    </div> -->
                </li>
            </ul>
        </div>
        <div class="HomeSection">

            <div id="PersonMessage">
                <!-- <img src="https://typora--image1.oss-cn-beijing.aliyuncs.com/d54b282a11f4b989840ff36033a4104ef440429c_raw.jpg"
                    alt="" id="avatar"> -->

                <!-- <div id="message">
                    <div id="name">&nbsp 张三<br></div>
                    <div id="id">ID:2067750768</div>
                    <div id="grade">期数:七期</div>
                    <div id="derection">方向:全栈</div>
                </div> -->


            </div>


            <div style="text-align: center;margin-bottom:20px ; font-size: 20px;font-weight: 600;">借阅记录</div>
            <table class="record" cellspacing="8px" rules="all">
                <tr>
                    <th class="BookName">书名</th>
                    <th class="quantity">数量</th>
                    <th class="BorrowDate">借阅日期</th>
                    <th class="state">状态</th>
                    <td class="opration">
                        操作</td>
                </tr>
                </tr>
                <!-- <tr>
                    <td class="BookName">流浪地球</td>
                    <td class="quantity">3</td>
                    <td class="BorrowDate">2011/12/23</td>
                    <td class="state">已归还(2022/12/1)</td>
                </tr> -->


            </table>
            <div class="TableFooter">


            </div>
        </div>
        <script src="https://code.jquery.com/jquery-3.6.3.js"></script>
        <script src="./user-script.js"></script>
</body>

</html>